I just recorded a new 2020 version of this video https://www.youtube.com/watch?v=AVmGmLFcukM

My front-end course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL
My new advanced WordPress course: https://www.udemy.com/course/become-a-wordpress-developer-php-javascript/?couponCode=SEPT2020

In this JavaScript tutorial we learn what JSON and AJAX are and how to use them to load new data into our webpage on-the-fly.

JSON URLs I use in the video:
https://learnwebcode.github.io/json-example/animals-1.json
https://learnwebcode.github.io/json-example/animals-2.json
https://learnwebcode.github.io/json-example/animals-3.json

Link to "beginning" demo code so you can follow along: http://codepen.io/anon/pen/QKPJmW

Link to "completed" demo code so you can see a final working example: http://codepen.io/anon/pen/RGOqQY

Link to my "JavaScript in Half an Hour" video I mentioned: https://www.youtube.com/watch?v=zPHerhks2Vg

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode